<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .astyle{
            color: aqua;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <a>点一下，球球了</a>
</body>
<script>
    // setAttribute()   添加属性
    let a = document.getElementsByTagName("a")[0];
    a.setAttribute("href","http://www.baidu.com")

    // getAttribute()   获取属性
    let href = a.getAttribute("href");
    alert(href);

    // removeAttribute()   删除属性
    // a.removeAttribute("href")

    // style属性    添加样式
    // a.style.color = "red";

    // className    添加指定样式
    a.className = "astyle"

</script>
</html>